<!DOCTYPE>
<html lang="en">
<head>
  <meta charset="UTF-8">
<title>限制表格的宽度</title>
  <style>
    table{
      border: 2px solid #000000;
      border-collapse:collapse;
    }
    table td{padding: 0;}
  </style>
</head>

<body>
<!--在页面中添加一个表格，并设置表格的id名称-->
<table id="table1">
  <tr>
    <td> 本示例将限制单元格的宽度，当信息超出单元格的宽度时，单元格的高度将增大，而宽度却不向两边扩展。 </td>
  </tr>
</table>
<script type="text/javascript">
  //编写用于固定单元格宽度的JavaScript代码
  var w=180;
  var h=5;
  table1.align="center";
  table1.style.width=w;
  table1.style.height=h;
  table1.style.tableLayout="fixed";
</script>
</body>
</html>
